<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:p="http://primefaces.org/ui"
	lang="en">
	
	<ui:decorate template="/WEB-INF/facelets/faceletEditar.xhtml">
		<ui:define name="form">
			<h:form styleClass="form-horizontal">
				
				<p:messages id="mensagens"></p:messages>	
				
				<fieldset>
					<legend>Lançamento de Vendas</legend>
					<div class="control-group">
					
						<h:outputLabel value="Número:" for="numero" styleClass="control-label" rendered="#{VendaMB.exibirNumero}"/>
						<h:inputText id="numero" value="#{VendaMB.entidade.id}" styleClass="span3" maxlength="10" readonly="true" rendered="#{VendaMB.exibirNumero}"/>
						<br />
						
						<div style="padding-bottom: 3px;">
							<h:outputLabel value="Data:" for="data" styleClass="control-label" />
							<p:calendar id="data" value="#{VendaMB.entidade.data}" pattern="dd/MM/yyyy">
							</p:calendar>
						</div>
						<br />
						
						<div style="padding-bottom: 18px;">
							<h:outputLabel value="Cliente:" for="cliente" styleClass="control-label" />
							<p:autoComplete id="cliente"
								value="#{VendaMB.entidade.cliente}" 
								completeMethod="#{VendaMB.completeCliente}" 
								var="cli" 
								itemLabel="#{cli.nome}" 
								itemValue="#{cli}"
								converter="entidadeConverter"
								forceSelection="true">
							</p:autoComplete>
							<br />
						</div>
						
						<div style="padding-bottom: 3px;">
							<h:outputLabel value="Descrição:" for="descricao" styleClass="control-label" />
							<h:inputTextarea id="descricao" value="#{VendaMB.entidade.descricao}" cols="50" rows="4"></h:inputTextarea>
						</div>
						<br />
						
						<h:outputLabel value="Valor:" for="valor" styleClass="control-label" />
						<h:inputText id="valor" value="#{VendaMB.entidade.valor}" styleClass="span3" maxlength="50" converter="javax.faces.BigDecimal"/>
						<br />
						
						<h:outputLabel value="Valor Desconto:" for="valorDesconto" styleClass="control-label" />
						<p:inputText 
							id="valorDesconto" 
							value="#{VendaMB.entidade.valorDesconto}" 
							styleClass="span3" 
							converter="javax.faces.BigDecimal">
							<p:ajax event="blur" update="valorTotal" listener="#{VendaMB.calcularValorTotal}" process="@form"></p:ajax>
						</p:inputText>
						<br />
						
						<h:outputLabel value="Valor Total:" for="valorTotal" styleClass="control-label" />
						<h:inputText id="valorTotal" value="#{VendaMB.entidade.valorTotal}" styleClass="span3" converter="javax.faces.BigDecimal" readonly="true"/>
						<br />
						
						<div class="span12">
						
							<p:commandButton 
								value="Gravar" 
								action="#{VendaMB.gravar}"
								styleClass="btn btn-inverse"
								update="mensagens"/>
							<span></span>
							
							<p:commandButton 
								value="Excluir" 
								action="#{VendaMB.excluir}"
								styleClass="btn btn-inverse"
								rendered="#{VendaMB.exibirExcluir}"
								onclick="confirmation.show()" 
								type="button">
							</p:commandButton>
							
							<p:confirmDialog 
								id="confirmDialog" 
								message="Confimar a exclusão do registro?"  
					            header="Confirmação!" 
					            severity="alert" 
					            widgetVar="confirmation">  
					                  
					        <p:commandButton 
					        	id="confirm" 
					        	value="Sim" 
					        	oncomplete="confirmation.hide()"  
					            action="#{VendaMB.excluir}"/>  
					        
					        <p:commandButton 
					        	id="decline" 
					        	value="Não" 
					        	onclick="confirmation.hide()" 
					        	type="button" />   
					                  
					    	</p:confirmDialog>  
					    	
					    	<p:commandButton 
								value="Lançar Pagamento" 
								action="javascript:void(0)"
								styleClass="btn btn-inverse"
								rendered="#{VendaMB.exibirLancamento}"
								onclick="dlg.show()"
								type="button">
							</p:commandButton>
					    	
					    	
						</div>
					</div>
				</fieldset>
			</h:form>
			<p:dialog id="pagamento" header="Pagamento" widgetVar="dlg">  
						    <h:form styleClass="form-horizontal">  
						  		
						  		<p:growl id="msg"/>  
						  		
						        <h:panelGrid>  
						           					
									<h:outputLabel value="Valor:" for="valor" styleClass="control-label" />
									<h:inputText id="valor" value="#{PagamentoVendaMB.entidade.valor}" 
										maxlength="50" 
										converter="javax.faces.BigDecimal"
										label="valor"/>
									<br />
									
									 <div style="padding-bottom: 3px;">
										<h:outputLabel value="Data Pagamento:" for="data" styleClass="control-label" />
										<p:calendar id="data" value="#{PagamentoVendaMB.entidade.data}" pattern="dd/MM/yyyy" label="data">
										</p:calendar>
									</div>
									<br />
						
									<div style="padding-bottom: 3px;">
										<h:outputLabel value="Descrição:" for="descricao" styleClass="control-label" />
										<h:inputTextarea id="descricao" value="#{PagamentoVendaMB.entidade.descricao}" cols="50" rows="4" label="descricao"></h:inputTextarea>
									</div>
						              
						            <f:facet name="footer">  
						                <p:commandButton id="lancar" value="Lançar" actionListener="#{PagamentoVendaMB.lancar}" oncomplete="dlg.hide()" update="msg">  
						                	 <f:param id="vendaId" name="vendaId" value="#{VendaMB.entidade.id}" />  
						                </p:commandButton>
						            </f:facet>  
						        </h:panelGrid>  
						          
						    </h:form>  
						</p:dialog>  
		</ui:define>
	</ui:decorate>
</html>